<template>
  <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
    <el-tab-pane label="社内" name="inside">
      <UserTable system="inside"></UserTable>
    </el-tab-pane>
    <el-tab-pane label="社外" name="outside">
      <UserTable ref="refreshOutside" system="outside"></UserTable>
    </el-tab-pane>
  </el-tabs>
</template>
<script>
import UserTable from "../user/UserTable"

export default {
  name: "UserManage",
  components: {
    UserTable
  },
  data() {
    return {
      activeName: 'inside',
    }
  },
  methods: {
    handleClick() {
      this.$refs.refreshOutside.getTableData()
    }
  }
}
</script>

<style scoped>

</style>
